﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=0.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <link href="../src/css/tijiao.css" type="text/css" rel="stylesheet"/>
    <title>课程列表</title>
</head>
<body>
<!--头部-->
<div class="top">
<a href="index.html" class="jian"><img width="10px" height="16px" src="../src/images/jai_52.png"></a>
<p class="ke">课程</p>
</div>
<!--课程-->
<div class="css">
<p class="moxing">CSS盒子模型</p>
<p class="moxing-1">学时周期：<font color="#FF0000">3</font>天</p>
<p class="moxing-2">课后习题：<font color="#FF0000">10</font>题</p>
<p class="moxing-3">懒惰币：<font color="#FF0000">5</font>元</p>
</div>
<!--课程描述-->
<div class="content">
<div class="content-1">
<p class="miaoshu">课程描述</p>
</div>
<div class="content-2">
<p class="gainian">css盒子模型概念、示意图、宽高计算、实例讲解、浏览器插件监控元素，实例讲解，浏览器插件监控元素本课程主要讲了什么什么的，本课程主要讲了什么什么的，本课程主要讲了什么什么的</p>
<p class="mingshi"><span class="mingshi-1">3+名师精心创造</span><span class="mingshi-2">3+名师精心创造</span></p>
<p class="zao"><span class="zao-1">3+名师精心创造</span></p>
</div>

<div class="weibu">
<div class="weibu-1">
<p class="dagang">课程大纲</p>
</div>
<div class="weibu-2">
<div class="sheji">
<p class="sheji-1">1-1设计的娱乐化</p>
<p class="sheji-2"><input id="yule" type="button" value="课程学习"></input></p>
<p class="sheji-3"><img width="100px" height="60px" src="../src/images/halnf_14.png"></p>
</div>
<div class="lehua">
<p class="lehua-1">1-1设计的娱乐化</p>
<p class="lehua-2"><input id="xuexi" type="button" value="课程学习"></input></p>
<p class="lehua-3"><img width="100px" height="60px" src="../src/images/halnf_14.png"></p>
</div>
</div>
</div>
<!--底部-->
<div class="footer clearfix">
<div class="footer-1">免费试听</div>
<div class="footer-2"><a href="mytask.html"><input id="hongse" type="button" value="开始学习"></input></a></div>
</div>
<!--老师介绍-->
<div class="laoshi">
<p class="wang"><span class="wang-1">王老师</span><span class="wang-2">前端资深设计师</span></p>
<p class="jingtong">精通JavaScript、HTML、CSS等网页技术、熟悉W3C规范及浏览器差异，熟悉浏览器兼容处理。</p>
<span class="renwu"><img width="85px" height="85px" src="../src/images/kfjf_03.png"><span>
</div>

</body>
</html>